<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=no">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0">
	<meta name="keywords" content="">
	<meta name="description" content="">
	<title></title>
 <link rel="shortcut icon" href="__IMG__/logo.png">
      {css href="__INDEXCSS__/mainsj.css"}
    {css href="__INDEXCSS__/swiper.min.css"}


	<script>
		/*判断是否为手机端*/
		function isWap() {
			var userAgentInfo = navigator.userAgent;
			var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
			var flag = false;
			for (var v = 0; v < Agents.length; v++) {
				if (userAgentInfo.indexOf(Agents[v]) > 0) {
					flag = true;
					break;
				}
			}
			return flag;
		}
		if (!isWap()) {
			window.location.href = '../index.html';
		}
	</script>
</head>

<body>
<div id="fm"><div class="banner">
			<style>
				.swiper-slide img { 
					width:100%; 
					border-radius:10px;
				}
				.swiper-slide { 
					font-size: 18px;  
					border-radius:10px;display: -webkit-box; 
					display: -ms-flexbox; 
					display: -webkit-flex; 
					display: flex; 
					-webkit-box-pack: center; 
					-ms-flex-pack: center;
					-webkit-justify-content: center; 
					justify-content: center; 
					-webkit-box-align: center; 
					-ms-flex-align: center; 
					-webkit-align-items: center; 
					align-items: center; 
               
				}
			</style>
			<div class="swiper-container swiper-container-horizontal" >
				<div class="swiper-wrapper banner" style="transform: translate3d(-1560px, 0px, 0px); transition-duration: 300ms;"><div class="swiper-slide swiper-slide-duplicate swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="2" style="width: 100%;">
						<img src="__IMG__/sj01.png">
					</div>
					<div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 100%;">
						<img src="__IMG__/sj02.png">
					</div>
					<div class="swiper-slide" data-swiper-slide-index="1" style="width: 100%;">
						<img src="__IMG__/sj03.png">
					</div>
					<div class="swiper-slide swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="2" style="width: 100%;">
						<img src="__IMG__/sj01.png">
					</div>
				<div class="swiper-slide swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="0" style="width: 100%;">
						<img src="__IMG__/sj02.png">
					</div></div>      	
				<div class="swiper-pagination swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div>	
			</div>
		</div>
		<div class="bottom">
			<div class="down">
                <a href="#" id="down">
					<img src="__IMG__/d1.png" alt="">
				</a>
				<a href="{$byurl[0]['text']}" id = "bydown">
					<img src="__IMG__/d2.png" alt="">
				</a>
				<a href="{:url('/urllist')}">
					<img src="__IMG__/d3.png" alt="">
				</a>
			</div>
			<p>支持IOS和安卓手机<br>苹果系统请按照流程逐步安装</p>
		</div></div>
	<div id="line-serve">
		<img class="serve-img" src="__IMG__/serve-img.png" alt="">
	</div>
	<style>
		#line-serve {
			width: 98px;
			height: 50px;
			z-index: 100;
			position: fixed;
			top: 68%;
			right: 0;
		}

		.serve-img {
			width: 100%;
			height: 100%;
		}

		.back-load-img {
			width: 100%;
			height: 100%;
		}

		.bottom {
			position: fixed !important;
			bottom: 0;
			z-index: 999;
		}

		#andorid-banner {
			width: 335px;
			height: 50px;
			margin: 0 auto;
			display: none;
		}

		.andorid-banner-img {
			width: 100%;
			height: 100%;
		}
	</style>
</body>

    {js href="__TOJS__/aes.min.js"}
    {js href="__TOJS__/cry.js"}
    {js href="__TOJS__/swiper.min.js"}
<script type="text/javascript">
	function isIos() {
		const userAgent = navigator.userAgent || navigator.vendor || window.opera;
		if (/iPhone|iPad|iPod/.test(userAgent)) {
			return true;
		} else {
			return false;
		}
	}

	console.log('设备类型', isIos())
    if(isIos()){
        // 是ios
        var iosdown = document.getElementById('down')
        iosdown.href = "{$iosurl[0]['text']}"
    }else{
        // 是安卓
        var azdown = document.getElementById('down')
        azdown.href = "{$azurl[0]['text']}"
    }
	window.onload = function () {
		var swiper = new Swiper('.swiper-container', {
			autoplay: 2000,
			loop: true,
			slidesPerView: 1,
			pagination: '.swiper-pagination',
		});

		var serveEle = document.getElementById('line-serve')
		serveEle.addEventListener('click', function () {
			location.href = "{$kfurl[0]['text']} "
		})
	}
</script>

</html>